{% extends 'ApplicationToolsBundle::layout12.html.twig' %}

{% block title %}Slider Bootstrap{% endblock %}

{% block stylesheets %}    
    <link href="{{ asset('bundles/applicationtools/css/flexslider/flexslider.css') }}" rel="stylesheet" type="text/css" media="all" />
    <link href="{{ asset('bundles/applicationtools/css/flexslider/flexslider_carousel.css') }}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}

{% block javascripts %}
    <script src="{{ asset('bundles/applicationtools/js/flexslider/jquery.flexslider.js') }}" type="text/javascript"></script>
    
    <script type="text/javascript">
    $(function(){
        SyntaxHighlighter.all();
      });
      $(window).load(function(){
        $('.flexslider').flexslider({
          animation: "slide",
          start: function(slider){}
        });
      });
    </script>
    
{% endblock %}

{% block body %}
 
    <div class="flexslider">
        <ul class="slides">
            <li>
                <img src="{{ asset('bundles/applicationtools/images/1903x500.png') }}" />
		        <div class="carousel-caption">
		            <h1>Example headline.</h1>
		            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
		            <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
		        </div>
            </li>
            <li>
                <img src="{{ asset('bundles/applicationtools/images/1903x500.png') }}" />
		        <div class="carousel-caption">
		            <h1>Example headline.</h1>
		            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
		            <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
		        </div>
            </li>
            <li>
                <img src="{{ asset('bundles/applicationtools/images/1903x500.png') }}" />
		        <div class="carousel-caption">
		            <h1>Example headline.</h1>
		            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
		            <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
		        </div>
            </li>
            <li>
                <img src="{{ asset('bundles/applicationtools/images/1903x500.png') }}" />
		        <div class="carousel-caption">
		            <h1>Example headline.</h1>
		            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
		            <p><a class="btn btn-large btn-primary" href="#">Sign up today</a></p>
		        </div>
            </li>
        </ul>
    </div>
            
{% endblock %}